/*
	Resets defualt browser settings
	reset.css

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus
{
	outline: 0;
}
a:active
{
	outline: none;
}
body_NO
{
	line-height: 1;
	color: black;
	background: white;
}
ol, ul
{
	list-style: none;
}
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}
*/
/*
	Page style

body_NO
{
	font: normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	color: #434343;
	background: #efefef url(../img/background.png) repeat top center;
	padding: 20px 0;
	position: relative;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-webkit-font-smoothing: subpixel-antialiased;
}
*/
#container
{
    width: 580px;
    padding: 10px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

#example
{
    width: 600px;
    height: 350px;
    position: relative;
}

#ribbon
{
    top: -3px;
    left: -15px;
    z-index: 500;
}

#frame
{
    position: absolute;
    z-index: 0;
    width: 739px;
    height: 341px;
    top: -3px;
    left: -80px;
}

/*
	Slideshow
*/

#slides
{
    top: 15px;
    left: 4px;
    z-index: 100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container
{
    width: 977px;
    overflow: hidden;
    position: relative;
    display: none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a
{
    width: 977px;
    height: 270px;
    display: block;
}

.slides_container a img
{
    display: block;
}

/*
	Next/prev buttons
*/

#slides .next, #slides .prev
{
    position: absolute;
    top: 339px;
    left: 162px;
    width: 24px;
    height: 43px;
    display: block;
    z-index: 101;
}

#slides .next
{
    left: 1162px;
}

/*
	Pagination
*/

.pagination
{
    margin: 2px auto 0;
    width: 200px;
}

.pagination li
{
    float: left;
    margin: 0 1px;
    list-style: none;
}

.pagination li a
{
    display: block;
    width: 12px;
    height: 0;
    padding-top: 12px;
    background-image: url(../images/img_slidshow/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.pagination li.current a
{
    background-position: 0 -12px;
}

/*
	Footer
*/

#footer
{
    text-align: center;
    width: 580px;
    margin-top: 9px;
    padding: 4.5px 0 18px;
    border-top: 1px solid #dfdfdf;
}

#footer p
{
    margin: 4.5px 0;
    font-size: 1.0em;
}

/*
	Anchors

a:link, a:visited
{
	color: #599100;
	text-decoration: none;
}

a:hover, a:active
{
	color: #599100;
	text-decoration: underline;
}*/